<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<%@ include file="../core/core.jsp" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:import url="addInventoryToStore.jsp"></c:import>
<c:import url="reduceFromSore.jsp"></c:import>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>库存详情</title>
    <meta name="keywords" content="叮当猫">
    <meta name="description" content="叮当猫">
    <link href="../static/css/cropper.min.css" rel="stylesheet">
    <link href="../static/css/sitelogo.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/artEditor.css">
    <script src="../static/js/photoClip/cropper.js"></script>
    <script src="../static/js/photoClip/sitelogo.js"></script>
    <style>
        #clipArea {
            margin: 20px;
            height: 300px;
        }

        #file,
        #clipBtn {
            margin: 20px;
        }

        #view {
            margin: 0 auto;
            width: 200px;
            height: 200px;
        }

        table.dataTable thead .sorting:after {
            content: '';
        }

        .editDetail, #editState, #keepState, #editInventory, #saveInventory, .editAll {
            background-color: #49c9bb;
            color: #FFFFFF;
            display: inline-block;
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 4px;
            margin-top: 10px;
            white-space: nowrap;
        }

        #editState, #keepState, #editInventory, #saveInventory {
            margin-top: 0;
        }

        .spe_title input, .spe_detail input {
            margin-right: 27px;
            margin-bottom: 10px;
        }

        .spe_title img {
            position: absolute;
            top: -10px;
            right: -11px;
            width: 24px;
            height: 24px;
        }

        .spe_detail img {
            position: absolute;
            top: -10px;
            right: 12px;
            width: 24px;
            height: 24px;
        }
    </style>
</head>

<body>
<%--
<div class="btn btn-primary" style="margin: 21px 0 0 48px;" id="editAll">修改商品信息</div>

<div class="btn btn-primary" style="margin: 21px 0 0 15px;display: none;" id="addSpe" data-toggle="modal" data-target="#avatar-modal6">添加规格信息</div>
<div class="btn btn-primary" style="margin: 21px 0 0 15px;display: none;" id="editSpe" data-toggle="modal" data-target="#avatar-modal7">修改规格信息</div>
--%>
<div class="wrapper wrapper-content animated fadeInRight">
    <div id="idBox" style="display: none;"><%=request.getAttribute("id")%></div>

    <div class="ibox-content">
        <form class="form-horizontal m-t" id="commentForm">
            <div class="form-group">
                <label class="col-sm-1 control-label">商品名称：</label>
                <div class="col-sm-8">
                    <input id="name" name="name" type="text" class="form-control" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">规格名称：</label>
                <div class="col-sm-8">
                    <input id="propertiesName" type="text" class="form-control" name="sumary" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">商品简介：</label>
                <div class="col-sm-8">
                    <input id="sumary" type="text" class="form-control" name="sumary" readonly>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">商品说明：</label>
                <div class="col-sm-8">
                    <input id="goodsExplain" type="text" class="form-control" name="goodsExplain" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">现有库存数量</label>
                <div class="col-sm-8">
                    <input id="inventory" type="text" class="form-control" name="goodsExplain" readonly>
                </div>
            </div>


            <div class="form-group">
                <label class="col-sm-1 control-label">会员价：</label>
                <div class="col-sm-8">
                    <input id="memberPrice" type="text" class="form-control" name="memberPrice" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">是否保修：</label>
                <div class="col-sm-8">
                    <input id="isWarranty" type="text" class="form-control" name="isWarranty" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">是否有唯一码：</label>
                <div class="col-sm-8">
                    <input id="isImie" type="text" class="form-control" name="isImie" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">保修期限：</label>
                <div class="col-sm-8">
                    <input id="warrantyPeriod" type="text" class="form-control" name="warrantyPeriod" readonly>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">商品主图：</label>
                <div class="col-sm-8">
                    <img id="mainImg" src="../static/img/uploadImg.png" alt="img" style="width: 66px;height: 66px;">

                </div>
            </div>

        </form>

    </div>


</div>

<div>
    <ul class="nav nav-tabs">
        <li class="active" id="inventoryLogTitle"><a>库存日志</a></li>
    </ul>
</div>

<div class="bigBox">
    <!--库存日志管理面板-->
    <div class="panel panel-default" id="guigemianban">
        <div class="panel-body">
            <shiro:hasPermission name="button:ruku">
            <button class="btn btn-primary" style="" id="ruku" onclick="ruku()">入库+</button>
            </shiro:hasPermission>
            <shiro:hasPermission name="button:chuku">
            <button class="btn btn-primary" style="" id="chuku" onclick="chuku()">出库-</button>
            </shiro:hasPermission>
            <div >
            类型<select class="form-control m-b" name="account" id="typeValue2" style="width: 214px;line-height:30px;padding:0;margin-bottom: 0;height: 30px;">
            <option value="">全部</option>
            <option value="1" > + </option>
            <option value="2"> - </option>
        </select>
            来源<select class="form-control m-b" name="account" id="inventorySourceValue2" style="width: 214px;line-height:30px;padding:0;margin-bottom: 0;height: 30px;">
            <option value="">全部</option>
            <option value="1">采购</option>
            <option value="2">线下核销</option>
            <option value="3">订单购买</option>
            <option value="4">取消订单</option>
            <option value="5">驳回订单</option>
            <option value="6">自营调货</option>
            <option value="7">库存盘点</option>
        </select>
            <button class="btn btn-primary" style="" id="refer">搜索</button>
                </div>
            </div>


            <table class="table table-hover">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>编码</th>
                    <th>来源</th>
                    <th>数量</th>
                    <th>创建人</th>
                    <th>创建时间</th>
                    <th>备注</th>
                </tr>
                </thead>
                <tbody id="inventoryLogtable">

                </tbody>
            </table><div class="row"><div class="col-sm-6"><div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all">共 <span id="record"></span> 项</div></div><div class="col-sm-6"><div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate"><ul class="pagination"><li class="paginate_button previous disabled" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_previous"><a href="#">上一页</a></li><li class="paginate_button active" aria-controls="DataTables_Table_0" tabindex="0"><a href="#">1</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">2</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">3</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">4</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">5</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">6</a></li><li class="paginate_button next" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next"><a href="#">下一页</a></li></ul></div></div></div></div>

        </table>
        </div>
    </div>

</div>



<div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>

<script src="../static/js/ajaxfileupload_v1.js"></script>
<script src="../static/js/photoClip/html2canvas.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/inventory/details.js" charset="utf-8"></script>
<script src="../static/js/inventory/addInvetoryToStore.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/inventory/reduceFromStore.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>
